/**
 * 装车报表列表页 - style
 * @author xiaoxujs
 */

import styled from "styled-components";
import kong from "../../../assets/image/ZhuangcheForm/kong.png";

export const ZhuangcheFormListBox = styled.div`
    padding: 2rem;
    width: 170rem;
    box-sizing: border-box;
    
    .lgl-title-button-style{
        width: 11.2rem;
        height: 4rem;
        /* background: #FFFFFF; */
        border-radius: .8rem;
        /* border: .1rem solid #E9E9E9; */
        display: flex;
        align-items: center;
        justify-content: center;
        .lgl-title-button-style-nei{
            width: 10.4rem;
            height: 3.2rem;
            /* background: #0071E5; */
            border-radius: .5rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 600;
            font-size: 1.8rem;
            /* color: #FFFFFF; */
        }
    }
  
`

export const ZCFormSearchBox = styled.div`
    height: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    .ant-table-content{
        .ant-table-thead{
       
    }
    
    }
  
    .zcfs-item-box{
        width: 64.8rem;
    }
    .input_title{
        height: 3rem;
        line-height: 3rem;
        padding-left: 1rem;
        box-sizing: border-box;
        font-weight: bold;
        font-size: 1.4rem;
        color: #0071E5;
    }
    .input_box{
        width: 64.8rem;
        height: 5.3rem;
        background: #FFFFFF;
        box-shadow: 0 .4rem .7rem 0 rgba(141,181,221,0.25);
        border-radius: .8rem;
        border: .1rem solid #FFFFFF;
        display: flex;
        align-items: center;
        .gun{
            width: .1rem;
            height: 2.4rem;
            background:#EEEEEE;
        }
        .iconfont {
            margin: 0 2rem;
            font-size: 2.2rem;
            color: #0071E5;
            cursor: pointer;
        }
    }
`
export const ZCFormListBox = styled.div`
    padding:2rem;
    background: #FFFFFF;
`
export const ZCFormInputKong = styled.div`
    /* width: 170rem; */
    height: 60.4rem;
    background: #FFFFFF;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    .kong-image{
        width: 47.9rem;
        height: 40.2rem;
        background: url(${kong});
        background-size: 100% 100%;
    }
    .kong-text{
        font-weight: 500;
        font-size: 1.4rem;
        color: #CECECE;
        margin-top: .8rem;
    }
`

export const ZCFormListTitle = styled.div`
    height: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .title-text{
        font-weight: bold;
        font-size: 1.6rem;
        color: #333333;
    }
    .title-search-time{
        display: flex;
        align-items: center;
        .title-search-time-title{
            font-family: PingFang SC;
            font-weight: 500;
            font-size: 1.4rem;
            color: #8B9BAC;
            margin-right: 1rem;
        }
    }
`

export const VideoBox = styled.video`
    width: 100%;
    height: auto;
`

export const ImageBpx = styled.div`
    .ant-image-preview-mask{
        z-index: 2000;
    }
    .ant-image-preview-wrap{
        z-index: 2000;
    }
    `